// 子元素之间的间隔
@for $i from 0 through 100 {
  .space-x-#{$i} >*{
    margin-right: 1px * $i;
    margin-left: 1px * $i;
  }
  .space-y-#{$i} >*{
    margin-top: 1px * $i;
    margin-bottom: 1px * $i;
  }

  .-space-x-#{$i} >*{
    margin-right: -1px * $i;
    margin-left: -1px * $i;
  }
  .-space-y-#{$i} >*{
    margin-top: -1px * $i;
    margin-bottom: -1px * $i;
  }
}